<!--<style lang="scss">-->

<!--</style>-->

<!--<template>-->
<!--  <div class="page-home">-->
<!--    <z-space vertical>-->
<!--      <z-search-table :auto-init="false" :on-init="onInit" :def="dataTable">-->
<!--        <template #table__action="scope">-->
<!--          <template v-if="scope.id === 'slot'">-->
<!--            <el-button type="text">-->
<!--              自定义操作按钮-->
<!--            </el-button>-->
<!--          </template>-->
<!--        </template>-->
<!--      </z-search-table>-->
<!--      <vue-code-mirror :tpl="def.tpl" :js="def.js"></vue-code-mirror>-->
<!--    </z-space>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import {useDataTable} from "@/zpkgs/hooks/datatable";-->
<!--import VueCodeMirror from "@example/components/VueCodeMirror";-->

<!--export default {-->
<!--  components: {VueCodeMirror},-->
<!--  setup(props, ctx) {-->

<!--    let d = {-->
<!--      "columns": [-->
<!--        [-->
<!--          "sourceDbName",-->
<!--        ],-->
<!--        [-->
<!--          "源数据库表",-->
<!--          "sourceTable"-->
<!--        ],-->
<!--        [-->
<!--          "目标数据库名",-->
<!--          "targetDbName"-->
<!--        ],-->
<!--        [-->
<!--          "目标数据库表",-->
<!--          "targetTable"-->
<!--        ]-->
<!--      ],-->
<!--      "records": [-->
<!--        {-->
<!--          "id": "21ecd7a2-0575-4bea-aeb9-ec437da7c427",-->
<!--          "sourceDbId": "20220124091805d8c849d465754a8786",-->
<!--          "sourceDbName": "zy_platform_four",-->
<!--          "sourceTable": "affiliation_table",-->
<!--          "targetDbId": "20220124110937ab7f42a553844e2e91",-->
<!--          "targetDbName": "zy_kswfjs_new",-->
<!--          "targetTable": "app_function_management",-->
<!--          "isSame": "1",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-01-26 05:43:24",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "beea81a5-7a15-49bc-a64a-3e454d81f82a",-->
<!--          "sourceDbId": "20220124110937ab7f42a553844e2e91",-->
<!--          "sourceDbName": "edusoho",-->
<!--          "sourceTable": "biz_scheduler_job_process",-->
<!--          "targetDbId": "20220124091805d8c849d465754a8786",-->
<!--          "targetDbName": "zy_platform_four",-->
<!--          "targetTable": "flow",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-01-27 23:46:43",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "7ce11cca-2088-4c37-b9f7-fbc4bffbb21f",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_info",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 01:13:39",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "c2efc2bf-1e03-4e4e-899e-8b8fed966a77",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_party",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 01:20:50",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "9848333b-35e9-43fb-8766-1baf6f2e4ba2",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_illegal",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 01:50:26",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "2cabd72d-b477-4ae0-bb33-453dd3e2faba",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_acceptance",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 01:56:17",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "375ce479-00e5-459d-90ef-e54a892f60f8",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_source",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 07:54:56",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "e2a7b36a-d617-4f5f-8559-be1d70f57fc4",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_filing_case",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 08:06:00",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "0fa5b154-12f0-4d28-8dee-a7d2ec51efc9",-->
<!--          "sourceDbId": "202202221616133da5ddebe586457ab2",-->
<!--          "sourceDbName": "zy_wzqzhxzzf",-->
<!--          "sourceTable": "c_case",-->
<!--          "targetDbId": "20220222161754c7603fc942f04c4999",-->
<!--          "targetDbName": "zy_fzjd_prod",-->
<!--          "targetTable": "case_processing_approval",-->
<!--          "isSame": "0",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-02-24 08:11:21",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        },-->
<!--        {-->
<!--          "id": "0effa0b5-56b8-4b2d-bf1b-0577716a535c",-->
<!--          "sourceDbId": "20220124091805d8c849d465754a8786",-->
<!--          "sourceDbName": "zy_platform_four",-->
<!--          "sourceTable": "affiliation_table",-->
<!--          "targetDbId": "20220124110937ab7f42a553844e2e91",-->
<!--          "targetDbName": "zy_kswfjs_new",-->
<!--          "targetTable": "app_function_management",-->
<!--          "isSame": "1",-->
<!--          "createBy": "e9ca23d68d884d4ebb19d07889727dae",-->
<!--          "createTime": "2022-01-26 05:43:24",-->
<!--          "updateBy": null,-->
<!--          "updateTime": null,-->
<!--          "isDelete": 0-->
<!--        }-->
<!--      ],-->
<!--      "total": 27,-->
<!--      "size": 10,-->
<!--      "current": 1,-->
<!--      "orders": [],-->
<!--      "optimizeCountSql": true,-->
<!--      "searchCount": true,-->
<!--      "countId": null,-->
<!--      "maxLimit": null,-->
<!--      "pages": 2-->
<!--    }-->

<!--    function init() {-->
<!--      return useDataTable({-->
<!--        // defaultUrl: '/api/list',-->
<!--        // request: globalThis.Req,-->
<!--        columnDefMap: {-->
<!--          sourceDbName: {-->
<!--            // search: {-->
<!--            //   type: 'string',-->
<!--            //   ui: { widget: 'CusInput' },-->
<!--            // },-->
<!--            formatter(row, column, cellValue) {-->
<!--              return cellValue +'x';-->
<!--            }-->
<!--          }-->
<!--        },-->
<!--  //       appendColumns: [-->
<!--  //         {-->
<!--  //           width: 180,-->
<!--  //           label: '操作',-->
<!--  //           actions: [-->
<!--  //             {-->
<!--  //               id: 'detail',-->
<!--  //               text: '详情',-->
<!--  //               click: function () {}-->
<!--  //             },-->
<!--  //             {-->
<!--  //               id: 'slot',-->
<!--  //               useSlot: true-->
<!--  //             }-->
<!--  //           ]-->
<!--  //         }-->
<!--  //       ],-->
<!--  //       search: {-->
<!--  //         slots: {-->
<!--  //           object_beforeend: `-->
<!--  // <z-space  column-gap="3px"  style="margin-left: 10px;">-->
<!--  //   <el-button @click="zform__callEvent('form-submit', scope, $event)"">搜索</el-button>-->
<!--  //  <el-button @click="zform__reset(scope, $event)"">重置</el-button>-->
<!--  // </z-space>-->
<!--  // `-->
<!--  //         },-->
<!--  //       }-->
<!--      });-->
<!--    }-->


<!--    // let js = init.toString().replace(`function init()`, '')-->

<!--    let def = {-->
<!--      tpl: `<template>-->
<!--   <search-table :def="dataTable"></search-table>-->
<!--</template>`,-->
<!--      js: `-->
<!--return useDataTable({-->
<!--  defaultUrl: '/api/list',-->
<!--  request: globalThis.Req,-->
<!--  columnDefMap: {-->
<!--    sourceDbName: {-->
<!--      formatter(row, column, cellValue) {-->
<!--        return cellValue ;-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  search: {-->
<!--    slots: {-->
<!--      object_beforeend: \`-->
<!--<z-space style="margin-left: 10px;">-->
<!--<el-button @click="zform__callEvent('form-submit', scope, $event)"">搜索</el-button>-->
<!--</z-space>-->
<!--\`-->
<!--    },-->
<!--  }-->
<!--});-->
<!--    `-->
<!--    }-->

<!--    let dataTable = init();-->

<!--    function onInit(dataTableCtx) {-->
<!--      dataTableCtx.load(d)-->
<!--    }-->

<!--    return {-->
<!--      onInit,-->
<!--      def,-->
<!--      dataTable-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->
